<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Accounts</title>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Roboto:400,700"
    />
    <!-- https://fonts.google.com/specimen/Roboto -->
    <link rel="stylesheet" href="static/css/fontawesome.min.css" />
    <!-- https://fontawesome.com/ -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <!-- https://getbootstrap.com/ -->
    <link rel="stylesheet" href="static/css/templatemo-style.css">
    <!--
	Product Admin CSS Template
	https://templatemo.com/tm-524-product-admin
	-->
  </head>

   <body id="reportsPage">
       <div class="" id="home">

           <!-- 整个nav是网页顶部-->
           <nav class="navbar navbar-expand-xl">
               <div class="container h-100">
                   <a class="navbar-brand" href="accountlqc.html">
                       <h1 class="tm-site-title mb-0">客户界面</h1>
                   </a>
                   <button
                           class="navbar-toggler ml-auto mr-0"
                           type="button"
                           data-toggle="collapse"
                           data-target="#navbarSupportedContent"
                           aria-controls="navbarSupportedContent"
                           aria-expanded="false"
                           aria-label="Toggle navigation"
                   >
                       <i class="fas fa-bars tm-nav-icon"></i>
                   </button>

                   <div class="collapse navbar-collapse" id="navbarSupportedContent">
                       <ul class="navbar-nav mx-auto h-100">
                       </ul>

                   </div>
               </div>
           </nav>

           <div class="container mt-5">
           <!-- 第一层基本资料-->
           <div class="row tm-content-row">

               <!-- 个人资料-->
               <div class="tm-block-col tm-col-avatar">
                   <div class="tm-bg-primary-dark tm-block tm-block-avatar">
                       <h1 class="tm-block-title">个人资料</h1>

                       <div class="tm-block-col">
                       <form>
                           <h6 class="text-white">客户昵称：{{customer_name}}</h6>
                           <h6 class="text-white">客户编号：{{customer_id}}</h6>
                           <h6 class="text-white">客户等级：{{customer_level}}</h6>
                           <h6 class="text-white">积分：{{customer_point}}</h6>
                           <h6 class="text-white">联系电话：{{phonenumber}}</h6>
                       </form>
                       </div>

                    <div class="tm-block-col">
                     <a href="/modifypassword_lqc.html">
                         <button class="btn btn-primary btn-block text-uppercase">
                             修改密码</button>
                     </a>
                    </div>

                       <div class="tm-block-col">
                     <a href="/user_order.html">
                         <button class="btn btn-primary btn-block text-uppercase">
                             消费记录</button>
                     </a>
                    </div>

                       <div class="tm-block-col">
                     <a href="/judge_lqc.html">
                         <button class="btn btn-primary btn-block text-uppercase">
                             评价</button>
                     </a>
                    </div>

                       <div class="tm-block-col">
                       <a href="/loginlqc.html">
                         <button class="btn btn-primary btn-block text-uppercase">
                             退出登录</button>
                        </a>
                        </div>

                   </div>
               </div>

               <!-- 统计表 -->
               <div class="tm-block-col tm-col-avatar">
                   <div class="tm-bg-primary-dark tm-block tm-block-avatar">
                       <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-block-col">
<!--                           <div class="tm-bg-primary-dark tm-block"><div class="chartjs-size-monitor" style="position: absolute; inset: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>-->
                               <h2 class="tm-block-title">等级表</h2>
                       <div class="tm-block-col">
                       <form>
                           <h6 class="text-white">LV_1：{{LV_1}}</h6>
                           <h6 class="text-white">LV_2：{{LV_2}}</h6>
                           <h6 class="text-white">LV_3：{{LV_3}}</h6>
                           <h6 class="text-white">LV_4：{{LV_4}}</h6>
                           <h6 class="text-white">LV_5：{{LV_5}}</h6>
                           <h6 class="text-white">LV_6：{{LV_6}}</h6>
                           <h6 class="text-white">LV_7：{{LV_7}}</h6>
                           <h6 class="text-white">LV_8：{{LV_8}}</h6>

                       </form>
                       </div>
                           </div>
                           </div>
                       </div>

<!--                   </div>-->
               </div>


           <!-- 第二层基本功能-->
           <div class="row tm-content-row">

               <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12" >
               <!-- 查询折扣 -->
                   <div class="tm-block-col tm-col-account-avatar">
                       <div class="tm-bg-primary-dark tm-block tm-block-avatar">
                           <h2 class="tm-block-title">折扣查询</h2>
                               <div class="form-group col-12">
                                   <label for="checks">活动名称/日期/编号</label>
                                      <form action="/check_disc"  method="post" class="">
                                           <input id ="checks" name="checks" type="text" class="form-control validate">
                                           <button
                                             type="submit"
                                                class="btn btn-primary btn-block text-uppercase"
                                                >
                                                查询
                                            </button>
                                       </form>

                               </div>

                       </div>
                   </div>
               <!-- 显示折扣 -->
               <p></p>
               <div class="tm-block-col tm-col-account-avatar">
                   <div class="tm-block-col tm-col-account-settings">
                       <div class="tm-bg-primary-dark tm-block tm-block-avatar">
                           <br><br />

                           <h2 class="tm-block-title" align="center">{{festival}}</h2>
                           <form class="tm-signup-form">
                               <div class="form-group col-lg-6">
                                   <label >活动编号：{{festival_id}}</label>
                                   <label >开始日期：{{start_date}}</label>
                                   <label >结束日期：{{end_date}}</label>
                                   <label >通用优惠：{{discount}}</label>
                                   <label >专属优惠:{{special_discount}}</label>
                               </div>
                           </form>

                       </div>
                   </div>
               </div>

               </div>

               </div>

           </div>
           <!-- 第三层评论功能-->
           <div class="row tm-content-row">
               <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12" >
                   <div class="tm-bg-primary-dark tm-block tm-block-avatar">

                   </div>
               </div>
           </div>
           </div>

        </div>

    <script src="static/js/jquery-3.3.1.min.js"></script>
    <!-- https://jquery.com/download/ -->
    <script src="static/js/bootstrap.min.js"></script>
    <!-- https://getbootstrap.com/ -->
  </body>
</html>
